<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>小马技术 | Emmet入门</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>

<!-- p*3 -->
<p></p>
<p></p>
<p></p>

<!-- div.cssSection*3 -->
<div class="cssSection">1234132414324143214</div>
<div class="cssSection">56345634563543456534546345</div>
<div class="cssSection">fasdfdafadfasdf</div>

<!-- div.cssSection$*5 -->
<div id="cssSection1"></div>
<div id="cssSection2"></div>
<div id="cssSection3"></div>
<div id="cssSection4"></div>
<div id="cssSection5"></div>

<!-- div.cssSection$$*13 -->
<div class="cssSection01"></div>
<div class="cssSection02"></div>
<div class="cssSection03"></div>
<div class="cssSection04"></div>
<div class="cssSection05"></div>
<div class="cssSection06"></div>
<div class="cssSection07"></div>
<div class="cssSection08"></div>
<div class="cssSection09"></div>
<div class="cssSection10"></div>
<div class="cssSection11"></div>
<div class="cssSection12"></div>
<div class="cssSection13"></div>

<!-- div.cssSection$@3*5 -->
<div class="cssSection3"></div>
<div class="cssSection4"></div>
<div class="cssSection5"></div>
<div class="cssSection6"></div>
<div class="cssSection7"></div>

<!-- div.cssSection$@-*5 -->
<div class="cssSection5"></div>
<div class="cssSection4"></div>
<div class="cssSection3"></div>
<div class="cssSection2"></div>
<div class="cssSection1"></div>

<!-- div.cssSection$@-10*5 -->
<div class="cssSection14"></div>
<div class="cssSection13"></div>
<div class="cssSection12"></div>
<div class="cssSection11"></div>
<div class="cssSection10"></div>

</body>

</html>